<template name="inspection">
	<scroll-view scroll-y class="page">
		<image src="/static/header.png " mode="widthFix" class="response"></image>
		<view class="nav-header">{{navTitle}}</view>
		<view class="nav-list" style="margin-top: -64upx;">
			<navigator hover-class="none" :url="'/pages/common/' + item.name" class="nav-li" navigateTo
				:style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'},{backgroundColor:item.color}]"
				v-for="(item,index) in elements" :key="index">
				<view class="nav-title">{{item.title}}</view>
				<view class="nav-name">{{item.name}}</view>
				<text :class="'cuIcon-' + item.cuIcon"></text>
			</navigator>
		</view>
		<view class="cu-tabbar-height"></view>
	</scroll-view>
</template>

<script>
	import api from '@/api/api'
	export default {
		name: "inspection",
		data() {
			return {
				userId: '',
				navTitle: '仓储质检',
				elements: [{
					title: '入库检',
					name: 'Incoming',
					color: '#00BFFF',
					cuIcon: 'right'
				}, {
					title: '出库检',
					name: 'Outbound',
					color: '#00BFFF',
					cuIcon: 'right'
				}, {
					title: '工艺检',
					name: 'Technology',
					color: '#00BFFF',
					cuIcon: 'right'
				}, {
					title: '客诉检',
					name: 'Complaint',
					color: '#00BFFF',
					cuIcon: 'right'
				}],
			};
		},
		watch: {
			cur: {
				immediate: true,
				handler() {
					console.log('watch', this.cur)
					this.userId = this.$store.getters.userid;
				},
			},
		},
		methods: {


		}
	}
</script>

<style>
	.nav-header {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-height: 320rpx;
		padding: 20rpx 0;
		display: flex;
		justify-content: center;
		font-size:21px;
		color:white;
		font-weight:bold;
		letter-spacing:2px;
		align-items:center;
	}
</style>
